#content .main.blog-slider {
  overflow: hidden;
}

#content .main.blog-slider [data-section="mainleft"] {
	width: 200%;
  position: relative;
  box-sizing: border-box;
}

#content [data-section="mainleft"] .widget-slider {
  width: 50%;
  float: left;
  padding-right: 30px;
  box-sizing: border-box;
}

.help-icon {
  border-radius: 50%;
  font-size: 20px;
  background-color: #b10504;
  color: #FFF;
  padding: 3px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  display: inline-block;
}


.division,
.division-buttons {
  list-style: none;
  overflow: hidden;
}

.division li,
.division-buttons li {
  cursor: pointer;
  padding: 6px 10px;
  background-color: #FFF;
  float: left;
  margin-right: 10px;
}

.division li.selected,
.division-buttons li.selected {
  background-color: #C3C3C3;
  color: #FFF;
}

/*______ BLOG PANEL ______*/

.blog-panel {
  margin-bottom: 30px;
  display: inline-block;
}

.blog-panel .post-author {
  color: $widget_title_color;
  font-weight: 600;
}


.bloglist-panel {
  margin-bottom: 40px;
  position: relative;
}

.bloglist-panel .avatar {
  float: left;
}

.bloglist-panel .blog-content {
	position: relative;
  margin-left: 90px;
  min-height: 90px;
}

.widget-content .bloglist-panel h5 {
  color: #b10504;
  font-weight: 600;
}

/*______   ITEM QUESTION   ______*/

.item-question {
	margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #D6D6D6;
  margin-right: 40px;
}

.item-question .summary {
	margin-left: 40px;
}

.item-question i.fonticon-Question {
  display: inline-block;
  width: 36px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  background-color: #b10504;
  color: #FFF;
  font-size: 20px;
  float: left;
}

.item-question .item-info {
  position: relative;
  margin-left: 56px;
  padding-top: 3px;
}

/**/

.colab-list .colab-panel {
	width: 16.66%;
  padding: 10px;
  -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  display: inline-block;
  font-size: 0px;
}

.colab-list.user-list .colab-panel {
	width: 10%;
}

.colab-list .colab-panel > div {
	width: 100%;
  padding-top: 100%;
  position: relative;
}

.flip-card {
	width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
}

.flip-card figure {
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card .back {
  background: #333;
  transform: rotateY( 180deg );
}

.flip-card.noimage-card .back {
  transform: rotateY( 0deg );
}

.flip-card:hover {
  transform: rotateY( 180deg );
}


.flip-card.noimage-card:hover {
	transform: none;
}

.flip-card .back > div {
	position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  text-align: center;
}

.flip-card h5 {
	font-size: 20px;
}

.flip-card h4 {
	color: #FFF;
}